<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>原子组别名</title>
</head>
<body>
    
</body>
<script>
    const tag = `
        <h1>Jimmy.com</h1>
        <span>Welcome</span>
        <h2>Hello world</h2>
    `
    // 需求： 以原子组别名的方式 将H标签替换成p标签

    // 按照下面的方法就可以实现功能 但是如果原子组很多 使用编号来获取原子组内容就变得比较不方便了
    const reg = /<(h[1-6])>([\s\S]+?)<\/\1>/g
    console.log(tag.replace(reg,`<p>$2</p>`))

    //使用原子组编号
        // 只要在原子组的括号里面的最前面加上 ?<组名>  之后再替换的时候就可以直接使用组名了
    const reg1 = /<(h[1-6])>(?<jim>[\s\S]+?)<\/\1>/g
    console.log(tag.replace(reg1,`$jim`))
</script>
</html>